.proportionCard {
  width: 100%;
  background-color: rgba(255, 255, 255) !important;
}

.cardTitle {
  width: 90%;
  margin-left: 15px;
  margin-bottom: 24px;
  height: 476px;
}

.titleColor {
  color: #225bde;
}

.space {
  font-size: 24px !important;
  margin-left: 10px;
  font-family: SourceHanSansCN-Bold, SourceHanSansCN;
  font-weight: bold;
  color: #333333;
  font-size: 14px;
  margin-bottom: 100px;
}

.height {
  height: 10px;
}

.datas {
  // width: 100%;    
  margin-left: 80px;

}

.titleFont {
  font-size: 16px;
  font-family: SourceHanSansCN-Normal, SourceHanSansCN;
  font-weight: 400;
  color: #333333;
}

.titleRight {
  font-size: 11px;
  font-family: SourceHanSansCN-Normal, SourceHanSansCN;
  font-weight: 400;
  color: #5D5D5D;
  line-height: 21px;
}

.titleNum {
  font-size: 11px;
  font-family: SourceHanSansCN-Normal, SourceHanSansCN;
  font-weight: 400;
  color: #5D5D5D;
  line-height: 21px;
  float: right;
  margin-top: -24px;
}

.firstImg {

  background-image: url(../img/1.png);
  background-size: 100%;
  width: 100%;
  height: 37px;
  width: 37px;
  margin-right: 20px;
}

.secondImg {
  background-image: url(../img/2.png);
  background-size: 100%;
  width: 100%;
  height: 37px;
  width: 37px;
  margin-right: 20px;
}

.thirdImg {

  background-image: url(../img/3.png);
  background-size: 100%;
  width: 100%;
  height: 37px;
  width: 37px;
  margin-right: 20px;
}

.data {
  display: flex;
}

.heightBottom {
  height: 15px;
}
